<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
        <meta name="format-detection" content="telephone=no" />
        <title>附近人脉</title>
        <link rel="stylesheet" type="text/css" href="../css/aui.css" />
        <link rel="stylesheet" type="text/css" href="../css/common.css" />
        <style>
            body{
                background: #fff;
            }
            .headPic{
                width: 65px;
                height: 65px;
            }
            .headPic img{
                width: 100%;
            }
            .zfBG{
                color:#fff;
                padding:6px 8px;
                font-size: 12px;
            }
            .headPic{
                margin-right: 15px;
            }
            .addFriend{
                margin-top:20px;
            }
            .nearbyList li{
                overflow: hidden;
                padding:12px 10px;
                position: relative;

            }
            .nearbyList li:before{
                content:"";
                position: absolute;
                right: 0;
                left: 0;
                -webkit-transform:scaleY(0.5);
                border-bottom: 1px solid #c8c7cc;
                bottom: 0;
            }
            .nearbyList li div{
                float: left;
            }
            .comName{
                display: block;
                text-overflow:ellipsis;
                white-space:nowrap;
                overflow: hidden;
            }
            .divComName{
                margin-top:5px;
                width: 50%;
            }
            .distance{
                margin-top:10px;
                font-weight: 600;
            }
        </style>
    </head>
    <body>
        <div class="nearbyList ">
            <ul>
                <li >
                    <div class="headPic">
                        <img src="../image/shili.jpg">
                    </div>
                    <div class="divComName">
                        <span class="comName">芭芭拉服装加工坊芭芭拉服装加工坊芭芭拉服装加工坊芭芭拉服装加工坊</span>
                        <p class="distance zfBlue">>1.0公里</p>
                    </div>
                    <div class="addFriend aui-pull-right">
                        <span class="zfBG">加为人脉</span>
                    </div>
                </li>
                <li >
                    <div class="headPic">
                        <img src="../image/shili.jpg">
                    </div>
                    <div class="divComName">
                        <span class="comName">芭芭拉服装加工坊芭芭拉服装加工坊芭芭拉服装加工坊芭芭拉服装加工坊</span>
                        <p class="distance zfBlue">>1.0公里</p>
                    </div>
                    <div class="addFriend aui-pull-right">
                        <span class="zfBG">加为人脉</span>
                    </div>
                </li>
                <li >
                    <div class="headPic">
                        <img src="../image/shili.jpg">
                    </div>
                    <div class="divComName">
                        <span class="comName">芭芭拉服装加工坊芭芭拉服装加工坊芭芭拉服装加工坊芭芭拉服装加工坊</span>
                        <p class="distance zfBlue">>1.0公里</p>
                    </div>
                    <div class="addFriend aui-pull-right">
                        <span class="zfBG">加为人脉</span>
                    </div>
                </li>
                <li >
                    <div class="headPic">
                        <img src="../image/shili.jpg">
                    </div>
                    <div class="divComName">
                        <span class="comName">芭芭拉服装加工坊芭芭拉服加工坊</span>
                        <p class="distance zfBlue">>1.0公里</p>
                    </div>
                    <div class="addFriend aui-pull-right">
                        <span class="zfBG">加为人脉</span>
                    </div>
                </li>
                <li >
                    <div class="headPic">
                        <img src="../image/shili.jpg">
                    </div>
                    <div class="divComName">
                        <span class="comName">芭芭拉服装加工坊芭芭拉服装</span>
                        <p class="distance zfBlue">>1.0公里</p>
                    </div>
                    <div class="addFriend aui-pull-right">
                        <span class="zfBG">加为人脉</span>
                    </div>
                </li>
                <li >
                    <div class="headPic">
                        <img src="../image/shili.jpg">
                    </div>
                    <div class="divComName">
                        <span class="comName">芭芭拉服装加工坊芭芭拉服装加工坊</span>
                        <p class="distance zfBlue">>1.0公里</p>
                    </div>
                    <div class="addFriend aui-pull-right">
                        <span class="zfBG">加为人脉</span>
                    </div>
                </li>
                <li >
                    <div class="headPic">
                        <img src="../image/shili.jpg">
                    </div>
                    <div class="divComName">
                        <span class="comName">芭芭拉服装加工坊芭芭拉服装加工坊</span>
                        <p class="distance zfBlue">>1.0公里</p>
                    </div>
                    <div class="addFriend aui-pull-right">
                        <span class="zfBG">加为人脉</span>
                    </div>
                </li>
                <li >
                    <div class="headPic">
                        <img src="../image/shili.jpg">
                    </div>
                    <div class="divComName">
                        <span class="comName">芭芭拉服装加工坊芭芭拉服装加工坊</span>
                        <p class="distance zfBlue">>1.0公里</p>
                    </div>
                    <div class="addFriend aui-pull-right">
                        <span class="zfBG">加为人脉</span>
                    </div>
                </li>
            </ul>
        </div>
    </body>
    <script type="text/javascript" src="../script/api.js" ></script>
    <script type="text/javascript" src="../script/doT.min.js"></script>
    <script type="text/javascript" src="../script/echo.js"></script>
    <script type="text/javascript" src="../script/common.js"></script>
    <script type="text/javascript" src="../script/myInfo.js"></script>
    <script type="text/javascript" src="../script/jquery-1.11.3.js"></script>
    <script type="text/javascript">
        apiready = function() {
            api.parseTapmode();
            api.setRefreshHeaderInfo({
                visible : true,
                loadingImg : 'widget://image/ptr_pull.png',
                bgColor : '#efeff4',
                textColor : '#959595',
                textDown : '下拉刷新',
                textUp : '松开刷新',
                showTime : true
            }, function(ret, err) {
                page = 1;
                getData(catid);
                api.refreshHeaderLoadDone();
            });
            
        }
    </script>
</html>